
.main {
  width: 100%;
  height: 100%;
  padding: 24px;
  overflow: auto;
  .flex{
    display: flex;
    margin-bottom: 16px;
  }
.modalItem{
  padding: 10px 20px;
  background-color: @plate-bg;
  border: 1px solid @border-line-color;
 
  flex:1;
}


.flex > .modalItem:not(:first-child){
  font-size: 1.1em;
  margin-left: 15px;
  flex:2;
}

.sinTitle{
  align-items: center;
  padding: 10px 0;
  .signLine {
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: #43b3bb;
    margin-right: 6px;
    vertical-align: -1px;
    
  }
}

.energyTR{
  flex: 2 1;
  flex-direction: column;
  .content{
    height: 30vh;
    min-height: 290px;
    flex-direction: column;
  }
  .energyBox{
    height: 48%;
    margin-bottom: 4%;
    border: 1px solid #346fa5;
    flex-direction: column;
    align-items: center;
    color: #62788c;
    flex:1;
     .row1{
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.1em;
     }
     .row2{
      height: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
     
     }
     .xia{
      background-color: #3687d2;
      color: hsla(0,0%,100%,.5);
      height: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: .1em;
      width: 100%;
    }
   .yestodayBgColor{
    background-color: #31604b;
    color: hsla(0,0%,100%,.5);
   }
  
  }
  .yestodayBox{
    border: 1px solid #31604b;
    color: #457a63;
   }
}

.select1 {
  width: 230px;
  margin-top: 2px;
  margin-right: 7px;
}
.selectXian {
  display: inline-block;
  width: 2px;
  height: 22px;
  background-color: hsla(0,0%,100%,.3);
  vertical-align: middle;
  margin-right: 5px;
}

.huanbiitem{
  height: 120px;
  flex:1 1;
  margin-right: 7px;
  flex-direction: column;
  text-align: center;
  align-items: center;
  border:1px solid #448fcc;
  padding-top: 23px;
  .number{
    color: #5eeeff;
    font-size: 2em;
    margin-bottom: 8px;
  }
  .bt{
    color: rgba(209,233,237,.5);
  }
  .qushiTop{
    color: rgba(91,246,251,.8);
    font-size: 1.2em;
    .down {
      margin-left: 13px;
      margin-right: 13px;
      border-top: 1px solid rgba(191,244,246,.22);
      font-size: .8em;
  }
  P{
    margin-bottom: 0px !important;
  }
}
}
.pieCard :global(.pie-stat) {
  font-size: 24px !important;
}

.bold{
  font-weight: 600!important;
  color: #fff0f0!important;
}
:global{
  .ant-radio-button-wrapper{
    background:transparent;
    border: 1px solid @border-line-color;
    color: #fff0f0!important;
  }
  .ant-radio-button-wrapper:not(:first-child)::before{
    background-color:transparent;
  }
}

}